<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>表格操作</title>
  <style>
    table,
    tr,
    th,
    td {
      border: 1px dotted #000000;
      text-align: center;
    }
  </style>
</head>
<body>
<table>
  <caption>我是表格标题</caption>
  <thead>
  <tr>
    <th scope="col">内容</th>
    <th scope="col">删除</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>我是内容</td>
    <td>
      <button>删除</button>
    </td>
  </tr>
  <tr>
    <td>我是内容</td>
    <td>
      <button>删除</button>
    </td>
  </tr>
  <tr>
    <td>我是内容</td>
    <td>
      <button>删除</button>
    </td>
  </tr>
  </tbody>
  <tfoot>
  <tr>
    <td colspan="2">
      <button>添加一行</button>
    </td>
  </tr>
  </tfoot>
</table>

<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
  var content = document.querySelector('tbody tr:first-child').outerHTML;

  // 已过时，1.9移除
  // $("tbody button").live("click", function() {
  // 	$(this).parent().parent().remove();
  // })

  $("tbody").on("click", "button", function () {
    $(this).parent().parent().remove();
  })

  $('tfoot button').click(() => {
    $('tbody').append(content);
  })
</script>
</body>
</html>
